<template>
  <div id="balance">
    <!-- props: ["headerTitle", "title", "shuomin", "currentNum", "dw", "subText"], -->
    <money-jf
      headerTitle="我的余额"
      title="当前余额"
      shuomin="余额说明"
      currentNum="0.00"
      dw="元"
      subText="提现"
      detailPath="/balance/detail"
    ></money-jf>
    <div class="balance-content">
      <p class="content-title">交易明细</p>
      <div class="content-none" v-if="isListNone">
        <img src="../../../static/images/no-log.png" alt="" class="img-no" />
        <p>暂无明细记录</p>
      </div>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import MoneyJf from "../../components/common/moneyJf";
// import MoneyJf from '../../components/common/moneyJf.vue';
import Header from "../../components/header/header";
export default {
  data() {
    return {
      isListNone: true,
    };
  },
  components: {
    Header,
    MoneyJf,
  },
};
MoneyJf;
</script>

<style lang="scss" scoped>
@import "../../style/mixin";
#balance {
  @include wh(100%, 100%);
}
//交易明细
.content-title {
  @include sc(0.6rem, #999999);
  @include wh(100%, 1.8rem);
  line-height: 1.8rem;
  padding-left: 0.5rem;
}
//无交易
.content-none {
  margin-top: 2.2rem;
  text-align: center;
  .img-no {
    @include wh(8rem, 5rem);
  }
  p {
    @include sc(0.75rem, #666666);
    margin-top: 0.5rem;
  }
}
</style>
